<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- async函数是异步函数，函数体内有错误不会影响外面的代码的执行 -->
    <!-- 同步和异步的区别：  同步代码是自上而下一行一行的执行，遇到错误，下面的代码就不会执行了 -->
    <!-- 异步代码出现错误，不会阻止后面的代码执行 -->
    <script>
  
        //  console.log('同步开始');
        // function fn() {

        //     console.log(a,'同步函数');
        //      let a=2


        // }

        // fn()
        // console.log('同步代码结束');
  //=====================================================
        console.log('同步开始');
        async function fn1() {
            console.log(a);
            let a = 2
        }
        fn1()
     console.log('同步代码结束');

    </script>
</body>

</html>